<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>微讯科技有限公司</title>
    <meta name="keywords" content="微讯">
    <meta name="description" content="微讯">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="static/plugins/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="/static/css/global.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" type="text/css" href="static/css/services.css">
    <script type="text/javascript" src="static/plugins/layui/layui.js"></script>
</head>

<body>
    <!-- 头部 开始 -->
    <div class="layui-header header trans_3">
        <!--#include virtual="/pages/comm/header.html" -->
    </div>
    <!-- 头部 结束 -->

    <!-- 滚动图片 开始 -->
    <div class="banner">
        <div class="layui-carousel" id="test1">
            <div carousel-item>
                <!--#include virtual="/pages/comm/carousel.html" -->
            </div>
        </div>
    </div>
    <!-- 滚动图片 结束 -->


    <!--企业文化-->
    <div class="qywh">
        <img class="qywh_pic" src="static/images/qywh.png" alt="企业文化">
    </div>
    <!--企业文化结束-->


    <!--我们的服务开始-->
    <div class="main index_main">
        <!--#include virtual="/pages/services/services.html" -->
    </div>
    <!--我们的服务结束-->


    <!--精彩案例开始-->
    <div class="main index_main">
        <!--#include virtual="/pages/cases/cases.html" -->
    </div>
    <div class="clear"></div>
    <!--精彩案例结束-->


    <!-- 合作伙伴（友情链接） 开始 -->
    <div class="main index_main">
        <!--#include virtual="/pages/comm/link.html" -->
    </div>
    <div class="clear"></div>
    <!-- 合作伙伴（友情链接） 结束 -->


    <!-- top图标 开始 -->
    <ul class="layui-fixbar">
        <!-- <li class="layui-icon qr_code">&#xe63b;<img class="qr_code_pic" src="{$settings.qr_code}" alt="微信公众号二维码"></li> -->
        <li class="layui-icon layui-fixbar-top" id="to_top">&#xe604;</li>
    </ul>
    <!--top图标 结束-->


    <!--网站底部版权 开始-->
    <div class="layui-footer footer">
        <!--#include virtual="/pages/comm/footer.html" -->
    </div>
    <!-- 网站底部版权 结束 -->


    <script type="text/javascript">
        layui.use('carousel', function() {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1',
                width: '100%', //设置容器宽度
                height: '440px',
                arrow: 'always', //始终显示箭头
                interval: 2000
                    //,anim: 'updown' //切换动画方式
            });
        });
        layui.use(['form', 'element'], function() {
            var layer = layui.layer,
                form = layui.form,
                element = layui.element,
                $ = layui.jquery;

            //左边导航点击显示
            $('.left_nav_btn').click(function() {
                $('.left_nav_mask').show();
                $('.left_nav').addClass('left_nav_show');
            });
            //左边导航点击消失
            $('.left_nav_mask').click(function() {
                $('.left_nav').removeClass('left_nav_show');
                $('.left_nav_mask').hide();
            });

            //搜索框特效
            $('.header .head_search .search_input').focus(function() {
                $('.header .head_search').addClass('focus');
                $(this).attr('placeholder', '输入关键词搜索');
            });
            $(document).click(function() {
                $('.header .head_search').removeClass('focus');
                $('.header .head_search .search_input').attr('placeholder', '搜索');
            });
            $('.header .head_search').click(function(e) {
                $(this).addClass('focus');
                e.stopPropagation();
            });
            /*$('.header .head_search .close').click(function(){
            	$('.header .head_search').removeClass('focus');
            	$('.header .head_search .search_input').attr('placeholder','搜索');
            });*/

            //回到顶部
            $("#to_top").click(function() {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
            $(document).scroll(function() {
                var scroll_top = $(document).scrollTop();
                if (scroll_top > 500) {
                    $("#to_top").show();
                } else {
                    $("#to_top").hide();
                }
            });
            //底部版权始终在底部 
            /*var win_height = $(window).height();
            var body_height = $('body').height();  
            var footer_height = $('.footer').height();
            if(body_height - win_height < 0){
            	$('.footer').addClass('footer_fixed');
            } */
        });
    </script>
</body>

</html>